{% extends 'base.html' %}

{% load staticfiles i18n bootstrap components %}

{% block page %}
<div class="container clearfix" id="main-content">
    <div class="row-fluid">
        <div class="span12">

            <!--begin hidden by js forgot pw form -->
            <div class="forgot-password" style="display: none;">
                <p class="statement">{% trans 'Forgot Password? Please enter your email and we’ll send it you.' %}</p>
                <form action="{% url 'accounts:password_reset' %}" method="post">
                    {% csrf_token %}
                    <div class="input-append">
                        <input type="email" class="span6" required placeholder="{% trans 'Email Address' %}" name="email">
                        <button class="btn">{% trans 'Send' %}</button>
                    </div>
                    <!--close input-append-->
                </form>
            </div>
            <!--*******end forgot-password********-->

            <!--begin login-box-->
            <div class="login-box clearfix">
                <header>
                    <h2 class="short_headline"><span>{% trans 'Login to your account...' %}</span></h2>
                </header>
                <div class="login-wrapper clearfix">
                    {% if not user.is_authenticated %}
                    <div class="float-right">
                        <form id="login-form" method="post" novalidate="novalidate">
                            {% csrf_token %}
                            {{ form|bootstrap }}
                            <div class="form-controls">
                                <input class="btn btn-large" type="submit" name="login" value="{% trans 'Login' %}">
                            </div>

                        </form>
                        <footer class="clearfix"> <a href="#" class="forgotpw">{% trans 'Forgot Password?' %}</a> </footer>
                    </div>
                    <!--close .float-right-->

                    <div class="float-left">
                        <ul>
                            {% for backend in backends.backends %}
                                <li>
                                    <a class="btn" style="width: 160px" href="{% url 'social:begin' backend %}?next={{ next }}">
                                        {% trans 'Sign in with' %} {{ backend|fix_auth_backend_name }}
                                    </a>
                                </li>
                            {% endfor %}
                        </ul>
                        <p><a href="{% url 'accounts:create' %}" class="center">{% trans 'Not a member? Join today!' %}</a></p>
                    </div>
                    <!--close .float-left-->
                    {% else %}
                        <p>{% trans 'You are authenticated already' %}</p>
                    {% endif %}
                </div>
                <!--end .login-wrapper clearfix-->
            </div>
            <!--end .login-box-->

        </div>
        <!--close .span12-->
    </div>
    <!-- close row-fluid-->
</div>
{% endblock %}